<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./public.css">
</head>
<body>
    <p>首页</p>
    <a href="./product.html">产品</a>
</body>
</html>

<!-- 外部样式
当样式需要应用于很多页面时，外部样式表是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。
每个页面使用link标签链接到样式表。link标签在文档头部。 -->